<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >

<html>
<body bgcolor="#EEEEEE" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
	<div id="insertLink_main" xlvobject="xlv.obj.pane" style="background:#EEEEEE;"
		  xlvprop="{bkOpacity:false,glow:{enable:true},border:{enable:true}}" 
	>
		<style type="text/css">
			#insertLink_main,
			#insertLink_main * td * select,
			#insertLink_main *{
				font-family: arial, verdana, helvetica;
				font-size: 11px;
			}
			#insertLink_main td{
				white-space: nowrap;
				padding:2px 2px;
			}
			#insertLink_main td * select,
			#insertLink_main td input{
				width: 80px;
			}
			#insertLink_main td#url input,
			#insertLink_main td#style input{
				width: 220px;
			}
		</style>
		
		<div xlvobject="xlv.obj.dm" 
			xlvprop="{name:'dm.insertlink',globe:false}"
			xlvmethod="{
				initial:function(){
					var main=xlv.util.findParent(this,{id:'insertLink_main'});
					this.$P.initialJSONData=main.$P.caller;
					this.$self('initial');
				}
			}"
		>
		</div>

		<span style="font-size: 13px; font-weight: bold;padding-top:12px;margin:6px">Insert Hyperlink:</span>
		<table border="0" cellpadding="0" cellspacing="0" style="background-color: #F7F7F7; border: 2px solid #FFFFFF; margin:2px 8px;">
			<tr>
				<td>URL:</td>
				<td id="url" colspan="3"><div xlvobject="xlv.obj.input" xlvprop="{dmName:'dm.insertlink',dmPath:'linkHref'}"></div></td>
			</tr>
			<tr>
				<td>Target:</td>
				<td colspan="3">
					<div xlvobject="xlv.obj.select" xlvprop="{dmName:'dm.insertlink',dmPath:'linkTarget'}">
						<select>
							<option value="">no target</option>
							<option selected="" value="_blank">blank</option>
							<option value="_self">self</option>
							<option value="_parent">parent</option>
							<option value="_top">top</option>
						</select>
					</div>
				</td>	
			</tr>
			<tr>
				<td>Style:</td>
				<td id="style" colspan="3"><div xlvobject="xlv.obj.input" xlvprop="{dmName:'dm.insertlink',dmPath:'linkStyle'}"></div></td>	
			</tr>
			<tr>
				<td>Class:</td>
				<td><div xlvobject="xlv.obj.input" xlvprop="{dmName:'dm.insertlink',dmPath:'linkClass'}"></div></td>	
				<td>Name:</td>
				<td><div xlvobject="xlv.obj.input" xlvprop="{dmName:'dm.insertlink',dmPath:'linkName'}"></div></td>	
			</tr>
 
		</table>	
		<div align="right" style="padding-top: 5px;">
			<button id="apply" xlvobject="xlv.obj.process" xlvprop="{title:'Apply'}" style="font-size: 12px;" 
				xlvmethod="{
					process:function(options){
						var main=xlv.util.findParent(this,{id:'insertLink_main'});
						var dm=this.getDataModel('dm.insertlink');
						main.$P.caller.linkHref=dm.getValue('linkHref');
						main.$P.caller.linkTarget='_blank'; //dm.getValue('linkTarget');
						main.$P.caller.linkStyle=dm.getValue('linkStyle');
						main.$P.caller.linkClass=dm.getValue('linkClass');
						main.$P.caller.linkName=dm.getValue('linkName');
						main.$P.caller.commit=true;
						main.dispose();
					}
				}"
			>
			</button>
			<button id="cancel" xlvobject="xlv.obj.process" xlvprop="{title:'Cancel'}" style="font-size: 12px;" 
				xlvmethod="{
					process:function(options){
						var main=xlv.util.findParent(this,{id:'insertLink_main'});
						main.dispose();
					}
				}"
			>
			</button>
		</div>

	</div>
</body>
</html>
